<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>健身-个人资料</title>
</head>

<body>
    <header>
        <!-- 上 箭头 -->
        <i class="iconfont icon-xiangzuo1" id="goBack"></i>
        <p>个人资料</p>
    </header>

    <!-- 主体 -->
    <main class="container">

        <!-- 更换头像 -->
        <div class="change-head">
            <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:">
                <span class="weui-cell__bd" aria-hidden="true">
                    <b>更换头像</b>
                </span>
                <span class="weui-cell__ft" aria-hidden="true">
                    <img src="../../assets/image/dog.jpg" alt="" id="imgUrl">
                </span>

                <!-- 上传头像 -->
                <input type="file" id="uploadImg" style="display: none;">

            </a>
        </div>

        <!-- 昵称 -->
        <div class="nickname">
            <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:">
                <span class="weui-cell__bd" aria-hidden="true">
                    <b>昵称</b>
                </span>
                <span aria-hidden="true">
                    <input type="text" placeholder="请输入用户名" id="nickName">
                </span>
            </a>
        </div>

        <!-- 性别 -->
        <div class="sex">
            <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:" id="sex">
                <span class="weui-cell__bd" aria-hidden="true">
                    <b>性别</b>
                </span>
                <span class="weui-cell__ft" aria-hidden="true" id="sexText">未选择</span>
            </a>
        </div>

        <!-- 生日 -->
        <div class="birth" id="birth">
            <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:">
                <span class="weui-cell__bd" aria-hidden="true">
                    <b>生日</b>
                </span>
                <span class="weui-cell__ft" aria-hidden="true" id="birthText">未选择</span>
            </a>
        </div>

        <!-- 所在省份 -->
        <div class="city">
            <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:">
                <span class="weui-cell__bd" aria-hidden="true">
                    <b>所在省份</b>
                </span>
                <span class="weui-cell__ft" aria-hidden="true">
                    <span id="pro">请选择省份</span>

                </span>
            </a>
        </div>

        <!-- 所在城市 -->
        <div class="city">
            <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:">
                <span class="weui-cell__bd" aria-hidden="true">
                        <b>所在城市</b>
                    </span>
                <span class="weui-cell__ft" aria-hidden="true">
                     
                    <span id="city">请选择城市</span>
                </span>
            </a>
        </div>

        <!-- 个人简介 -->
        <div class="profile">
            <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:">
                <span class="weui-cell__bd" aria-hidden="true">
                    <b>个人简介</b>
                </span>
            </a>
            <div class="weui-cell__bd container" id="profile">
                <textarea class="weui-textarea" placeholder="请输入个性签名" id="sign" maxlength="100"></textarea>
                <div role="option" aria-live="polite" class="weui-textarea-counter">
                    <span id="curNum">0</span>/100
                </div>
            </div>
        </div>

        <!-- 保存信息 -->
        <div class="container">
            <button class="save-btn" id="saveBtn">保存信息</button>
        </div>

    </main>
</body>

</html>